<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<style>
		
		
			html {
				/* 页面的高度是与浏览器一致 */
				height: 100%;
			}
		
			body {
				height: 100%;
			}
			
			/* 同时对 html 和 body 起作用 */
			html, body {
				height: 100%;
			}
		
			.bigbox {
				/* 100% 意思是与父级元素保持一致
				 	50% 意思是与父级元素的一半
				 * */
				height: 100%;
				background: greenyellow;
			}
		</style>
		
	</head>
	<body>
		<div class="bigbox"></div>
	</body>
</html>
